<template>
  <fieldset>
    <legend>modal组件</legend>
    <button @click="handleClick">点击显示模态框</button>
    <modal :visible="show" @on-cancel="cancel" @on-confirm="confirm"></modal>
  </fieldset>
</template>
<script>
// import modal from "./modal.vue";
import modalMixins from "../../mixins/modal";
export default {
  mixins: [modalMixins],
  // data() {
  //   return {
  //     show: false,
  //   };
  // },
  // components: {
  //   modal,
  // },
  // methods: {
  //   handleClick() {
  //     this.show = true;
  //   },
  //   cancel() {
  //     this.show = false;
  //   },
  //   confirm() {
  //     this.show = false;
  //   },
  // },
};
</script>
<style scoped></style>
